﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.1音乐设置</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_1音乐设置/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/2_1音乐设置/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 选择页面 (组 合) -->
      <div id="u488" class="ax_default" data-label="选择页面" data-left="255" data-top="63" data-width="351" data-height="801">

        <!-- Unnamed (矩形) -->
        <div id="u489" class="ax_default flow_shape">
          <img id="u489_img" class="img " src="images/1_闹钟选择页面/u211.png"/>
        </div>

        <!-- 顶部栏 (组 合) -->
        <div id="u490" class="ax_default" data-label="顶部栏" data-left="255" data-top="63" data-width="351" data-height="32">

          <!-- Unnamed (矩形) -->
          <div id="u491" class="ax_default box_1">
            <img id="u491_img" class="img " src="images/1_闹钟选择页面/u231.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u492" class="ax_default _文本段落1">
            <img id="u492_img" class="img " src="images/1_闹钟选择页面/u232.png"/>
            <div id="u492_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u493" class="ax_default _文本段落1">
            <img id="u493_img" class="img " src="images/1_闹钟选择页面/u232.png"/>
            <div id="u493_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u494" class="ax_default label">
            <img id="u494_img" class="img " src="images/1_闹钟选择页面/u234.png"/>
            <div id="u494_text" class="text ">
              <p><span>21：08</span></p>
            </div>
          </div>
        </div>

        <!-- 时间显示部分 (组 合) -->
        <div id="u495" class="ax_default" data-label="时间显示部分" data-left="260" data-top="113" data-width="341" data-height="369">

          <!-- Unnamed (矩形) -->
          <div id="u496" class="ax_default box_1">
            <img id="u496_img" class="img " src="images/1_1闹钟选择页面/u272.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u497" class="ax_default image">
            <img id="u497_img" class="img " src="images/1_1闹钟选择页面/u273.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u498" class="ax_default image">
            <img id="u498_img" class="img " src="images/1_1闹钟选择页面/u274.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u499" class="ax_default label">
            <img id="u499_img" class="img " src="images/1_1闹钟选择页面/u275.png"/>
            <div id="u499_text" class="text ">
              <p><span>07:00</span></p>
            </div>
          </div>
        </div>

        <!-- 设置部件-音乐方式 (组 合) -->
        <div id="u500" class="ax_default" data-label="设置部件-音乐方式" data-left="260" data-top="559" data-width="341" data-height="59">

          <!-- Unnamed (矩形) -->
          <div id="u501" class="ax_default box_1">
            <img id="u501_img" class="img " src="images/1_1闹钟选择页面/u277.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u502" class="ax_default label">
            <img id="u502_img" class="img " src="images/1_1闹钟选择页面/u278.png"/>
            <div id="u502_text" class="text ">
              <p><span>音乐设置</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u503" class="ax_default label">
            <img id="u503_img" class="img " src="images/1_1闹钟选择页面/u279.png"/>
            <div id="u503_text" class="text ">
              <p><span>华尔兹</span></p>
            </div>
          </div>
        </div>

        <!-- 设置部件-赖床功能 (组 合) -->
        <div id="u504" class="ax_default" data-label="设置部件-赖床功能" data-left="260" data-top="695" data-width="341" data-height="59">

          <!-- Unnamed (矩形) -->
          <div id="u505" class="ax_default box_1">
            <img id="u505_img" class="img " src="images/1_1闹钟选择页面/u277.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u506" class="ax_default label">
            <img id="u506_img" class="img " src="images/1_1闹钟选择页面/u278.png"/>
            <div id="u506_text" class="text ">
              <p><span>赖床功能</span></p>
            </div>
          </div>
        </div>

        <!-- 设置部件-方式 (组 合) -->
        <div id="u507" class="ax_default" data-label="设置部件-方式" data-left="260" data-top="627" data-width="341" data-height="59">

          <!-- Unnamed (矩形) -->
          <div id="u508" class="ax_default box_1">
            <img id="u508_img" class="img " src="images/1_1闹钟选择页面/u277.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u509" class="ax_default label">
            <img id="u509_img" class="img " src="images/1_1闹钟选择页面/u285.png"/>
            <div id="u509_text" class="text ">
              <p><span>方式</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u510" class="ax_default label">
            <img id="u510_img" class="img " src="images/1_1闹钟选择页面/u286.png"/>
            <div id="u510_text" class="text ">
              <p><span>震动,闪光</span></p>
            </div>
          </div>
        </div>

        <!-- 设置部件-频率 (组 合) -->
        <div id="u511" class="ax_default" data-label="设置部件-频率" data-left="260" data-top="763" data-width="341" data-height="59">

          <!-- Unnamed (矩形) -->
          <div id="u512" class="ax_default box_1">
            <img id="u512_img" class="img " src="images/1_1闹钟选择页面/u277.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u513" class="ax_default label">
            <img id="u513_img" class="img " src="images/1_1闹钟选择页面/u285.png"/>
            <div id="u513_text" class="text ">
              <p><span>频率</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u514" class="ax_default label">
            <img id="u514_img" class="img " src="images/1_1闹钟选择页面/u279.png"/>
            <div id="u514_text" class="text ">
              <p><span>工作日</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 选择页面-音乐 (组 合) -->
      <div id="u515" class="ax_default" data-label="选择页面-音乐" data-left="922" data-top="73" data-width="353" data-height="801">

        <!-- Unnamed (矩形) -->
        <div id="u516" class="ax_default flow_shape">
          <img id="u516_img" class="img " src="images/1_闹钟选择页面/u211.png"/>
        </div>

        <!-- 音乐选择 (组 合) -->
        <div id="u517" class="ax_default" data-label="音乐选择" data-left="922" data-top="395" data-width="353" data-height="389">

          <!-- Unnamed (矩形) -->
          <div id="u518" class="ax_default box_1">
            <img id="u518_img" class="img " src="images/2_1音乐设置/u518.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u519" class="ax_default line">
            <img id="u519_img" class="img " src="images/2_1音乐设置/u519.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u520" class="ax_default line">
            <img id="u520_img" class="img " src="images/2_1音乐设置/u519.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u521" class="ax_default line">
            <img id="u521_img" class="img " src="images/2_1音乐设置/u519.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u522" class="ax_default line">
            <img id="u522_img" class="img " src="images/2_1音乐设置/u519.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u523" class="ax_default label">
            <img id="u523_img" class="img " src="images/1_1闹钟选择页面/u278.png"/>
            <div id="u523_text" class="text ">
              <p><span>本地音乐</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u524" class="ax_default label">
            <img id="u524_img" class="img " src="images/2_1音乐设置/u524.png"/>
            <div id="u524_text" class="text ">
              <p><span>蓝调</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u525" class="ax_default label">
            <img id="u525_img" class="img " src="images/2_1音乐设置/u524.png"/>
            <div id="u525_text" class="text ">
              <p><span>鼓点</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u526" class="ax_default label">
            <img id="u526_img" class="img " src="images/2_1音乐设置/u526.png"/>
            <div id="u526_text" class="text ">
              <p><span>华尔兹</span></p>
            </div>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u527" class="ax_default line">
            <img id="u527_img" class="img " src="images/2_1音乐设置/u519.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u528" class="ax_default label">
            <img id="u528_img" class="img " src="images/2_1音乐设置/u524.png"/>
            <div id="u528_text" class="text ">
              <p><span>滴答</span></p>
            </div>
          </div>
        </div>

        <!-- 音乐设置 (组 合) -->
        <div id="u529" class="ax_default" data-label="音乐设置" data-left="922" data-top="290" data-width="351" data-height="96">

          <!-- Unnamed (矩形) -->
          <div id="u530" class="ax_default box_1">
            <img id="u530_img" class="img " src="images/2_1音乐设置/u530.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u531" class="ax_default label">
            <img id="u531_img" class="img " src="images/1_1闹钟选择页面/u278.png"/>
            <div id="u531_text" class="text ">
              <p><span>音乐设置</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u532" class="ax_default label">
            <img id="u532_img" class="img " src="images/1_1闹钟选择页面/u279.png"/>
            <div id="u532_text" class="text ">
              <p><span>华尔兹</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u533" class="ax_default box_1">
            <img id="u533_img" class="img " src="images/2_1音乐设置/u533.png"/>
            <div id="u533_text" class="text ">
              <p><span>&nbsp;</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u534" class="ax_default label">
            <img id="u534_img" class="img " src="images/手势操作说明/header_2_u171.png"/>
            <div id="u534_text" class="text ">
              <p><span>当前的闹钟音乐</span></p>
            </div>
          </div>
        </div>

        <!-- 音频设置 (组 合) -->
        <div id="u535" class="ax_default" data-label="音频设置" data-left="922" data-top="141" data-width="351" data-height="94">

          <!-- Unnamed (矩形) -->
          <div id="u536" class="ax_default box_1">
            <img id="u536_img" class="img " src="images/2_1音乐设置/u530.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u537" class="ax_default line">
            <img id="u537_img" class="img " src="images/2_1音乐设置/u537.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u538" class="ax_default icon">
            <img id="u538_img" class="img " src="images/2_1音乐设置/u538.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u539" class="ax_default icon">
            <img id="u539_img" class="img " src="images/2_1音乐设置/u539.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u540" class="ax_default icon">
            <img id="u540_img" class="img " src="images/2_1音乐设置/u540.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u541" class="ax_default box_1">
            <img id="u541_img" class="img " src="images/2_1音乐设置/u533.png"/>
            <div id="u541_text" class="text ">
              <p><span>&nbsp;</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u542" class="ax_default label">
            <img id="u542_img" class="img " src="images/2_1音乐设置/u542.png"/>
            <div id="u542_text" class="text ">
              <p><span>当前的闹钟音量:54%</span></p>
            </div>
          </div>
        </div>

        <!-- 面包屑栏 (组 合) -->
        <div id="u543" class="ax_default" data-label="面包屑栏" data-left="922" data-top="104" data-width="351" data-height="36">

          <!-- Unnamed (矩形) -->
          <div id="u544" class="ax_default box_1">
            <img id="u544_img" class="img " src="images/2_1音乐设置/u533.png"/>
            <div id="u544_text" class="text ">
              <p><span>声音设置</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u545" class="ax_default label">
            <img id="u545_img" class="img " src="images/2_1音乐设置/u545.png"/>
            <div id="u545_text" class="text ">
              <p><span>保存</span></p>
            </div>
          </div>
        </div>

        <!-- 顶部栏 (组 合) -->
        <div id="u546" class="ax_default" data-label="顶部栏" data-left="922" data-top="73" data-width="351" data-height="32">

          <!-- Unnamed (矩形) -->
          <div id="u547" class="ax_default box_1">
            <img id="u547_img" class="img " src="images/1_闹钟选择页面/u231.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u548" class="ax_default _文本段落1">
            <img id="u548_img" class="img " src="images/1_闹钟选择页面/u232.png"/>
            <div id="u548_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u549" class="ax_default _文本段落1">
            <img id="u549_img" class="img " src="images/1_闹钟选择页面/u232.png"/>
            <div id="u549_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u550" class="ax_default label">
            <img id="u550_img" class="img " src="images/1_闹钟选择页面/u234.png"/>
            <div id="u550_text" class="text ">
              <p><span>21：08</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u551" class="ax_default box_1">
          <img id="u551_img" class="img " src="images/2_1音乐设置/u551.png"/>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u552" class="ax_default arrow">
        <img id="u552_img" class="img " src="images/2_1音乐设置/u552.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u553" class="ax_default _文本段落1">
        <img id="u553_img" class="img " src="images/1_闹钟选择页面/u232.png"/>
        <div id="u553_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u554" class="ax_default _文本段落1">
        <img id="u554_img" class="img " src="images/1_闹钟选择页面/u232.png"/>
        <div id="u554_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u555" class="ax_default _文本段落1">
        <img id="u555_img" class="img " src="images/2_闹钟设定页面/u446.png"/>
        <div id="u555_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u556" class="ax_default _文本段落1">
        <img id="u556_img" class="img " src="images/1_闹钟选择页面/u232.png"/>
        <div id="u556_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u557" class="ax_default label">
        <img id="u557_img" class="img " src="images/2_1音乐设置/u557.png"/>
        <div id="u557_text" class="text ">
          <p><span>逐渐变响</span></p>
        </div>
      </div>

      <!-- 设置部件-频率 (组 合) -->
      <div id="u558" class="ax_default" data-label="设置部件-频率" data-left="260" data-top="763" data-width="341" data-height="59">

        <!-- Unnamed (矩形) -->
        <div id="u559" class="ax_default box_1">
          <img id="u559_img" class="img " src="images/1_1闹钟选择页面/u277.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u560" class="ax_default label">
          <img id="u560_img" class="img " src="images/1_1闹钟选择页面/u278.png"/>
          <div id="u560_text" class="text ">
            <p><span>关闭方式</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u561" class="ax_default label">
          <img id="u561_img" class="img " src="images/2_闹钟设定页面/u476.png"/>
          <div id="u561_text" class="text ">
            <p><span>摇晃5s</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u562" class="ax_default flow_shape">
        <img id="u562_img" class="img " src="images/1_1闹钟选择页面/u360.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u563" class="ax_default flow_shape">
        <img id="u563_img" class="img " src="images/1_1闹钟选择页面/u360.png"/>
      </div>

      <!-- Unnamed (三角形) -->
      <div id="u564" class="ax_default flow_shape">
        <img id="u564_img" class="img " src="images/1_1闹钟选择页面/u362.png"/>
      </div>

      <!-- Unnamed (三角形) -->
      <div id="u565" class="ax_default flow_shape">
        <img id="u565_img" class="img " src="images/1_1闹钟选择页面/u362.png"/>
      </div>

      <!-- Unnamed (三角形) -->
      <div id="u566" class="ax_default flow_shape">
        <img id="u566_img" class="img " src="images/1_1闹钟选择页面/u362.png"/>
      </div>

      <!-- Unnamed (三角形) -->
      <div id="u567" class="ax_default flow_shape">
        <img id="u567_img" class="img " src="images/1_1闹钟选择页面/u362.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u568" class="ax_default label">
        <img id="u568_img" class="img " src="images/1_2闹钟响起时/u409.png"/>
        <div id="u568_text" class="text ">
          <p><span>闹钟-音乐功能设置</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u569" class="ax_default box_1">
        <img id="u569_img" class="img " src="images/2_1音乐设置/u569.png"/>
        <div id="u569_text" class="text ">
          <p><span>1. 在[2闹钟设定]进入音乐设置页面。</span></p><p><span><br></span></p><p><span>2. 左右滑动可调节闹钟的音量；不受设备静音或音量设置影响。</span></p><p><span><br></span></p><p><span>3. 闹钟音乐：</span></p><p><span><br></span></p><p><span>&nbsp;当前选中音乐具有“选中”状态；</span></p><p><span><br></span></p><p><span>用户点击任一行，该行音乐为“选中”状态；</span></p><p><span><br></span></p><p><span>用户点击任一行非当前选中音乐，播放该音乐</span></p><p><span><br></span></p><p><span>4.有选项是否开启&quot;由弱至强的声音音量模式&quot;</span></p><p><span><br></span></p><p><span>5. 使用本地音乐：</span></p><p><span>点击跳转进入本机/apple music/第三方音乐软件选择页面</span></p><p><span><br></span></p><p><span><br></span></p><p><span>5. 点击“保存”退出回到【1.1 闹钟选择页面】</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u570" class="ax_default label">
        <img id="u570_img" class="img " src="images/1_1闹钟选择页面/u301.png"/>
        <div id="u570_text" class="text ">
          <p><span>9h:52min:59s</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u571" class="ax_default box_1">
        <img id="u571_img" class="img " src="images/1_1闹钟选择页面/u291.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u572" class="ax_default label">
        <img id="u572_img" class="img " src="images/1_1闹钟选择页面/u292.png"/>
        <div id="u572_text" class="text ">
          <p><span>闹钟名称&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </span><span style="color:#999999;">上班</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
